<template>
	<view>
		<custom-nav></custom-nav>
		<swiper :indicator-dots="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<image src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/0f15c6f3a68d9635/8073b8a1275808bf.jpg" mode="widthFix"></image>
				</view>
			</swiper-item>
			<swiper-item>
				<view class="swiper-item">
					<image src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/0f15c6f3a68d9635/8073b8a1275808bf.jpg" mode="widthFix"></image>
				</view>
			</swiper-item>
		</swiper>
		<HomeTitle cname="本季推荐" name="Seasonal Recommend" :has-more="false"></HomeTitle>
		<scroll-view scroll-x >
			<view class="flex seasonal">
				<image src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/b9d378e1be959376/d943a30b6ebdaa1a.jpg" mode="heightFix"></image>
				<image src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/384958756aa24c39/a79e9f22046ab26c.jpg" mode="heightFix"></image>
				<image src="https://mcake-oss.oss-cn-hangzhou.aliyuncs.com/file/e06c45a0d13fa946/681400bc21dee76a.jpg" mode="heightFix"></image>
			</view>
		</scroll-view>
		<HomeTitle></HomeTitle>
		<CakeItem></CakeItem>
		<foot-bar/>
	</view>
</template>

<script>
	import CakeItem from '../../components/cake-item.vue'
	import HomeTitle from '../../components/home-title.vue'
	export default {
		components: {
			CakeItem,
			HomeTitle
		},
		data() {
			return {
				
			}
		},
		onLoad() {
			console.log('home的onLoad');
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
swiper,swiper-item{
	height: 800upx;
	width: 100%;
	image{
		width: 100%;
	}
}
.seasonal{
	image{
		height:280upx;
		flex-shrink: 0;
	}
}
</style>
